page view {
	box-sizing: border-box;
	flex-shrink: 0;
}

body {
	font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma, Arial, PingFang SC-Light, Microsoft YaHei;
	margin: 0;
	color: #333;
	background: #f6f6f6;
	font-size: 40rpx;
}

button {
	margin: 0;
	border: 1px solid transparent;
	outline: none;
}

button:active {
	opacity: 0.6;
}

.flex-col {
	display: flex;
	flex-direction: column;
}

.flex-row {
	display: flex;
	flex-direction: row;
}

.justify-start {
	display: flex;
	justify-content: flex-start;
}

.justify-center {
	display: flex;
	justify-content: center;
}

.justify-end {
	display: flex;
	justify-content: flex-end;
}

.justify-evenly {
	display: flex;
	justify-content: space-evenly;
}

.justify-around {
	display: flex;
	justify-content: space-around;
}

.justify-between {
	display: flex;
	justify-content: space-between;
}

.align-start {
	display: flex;
	align-items: flex-start;
}

.align-center {
	display: flex;
	align-items: center;
}

.align-end {
	display: flex;
	align-items: flex-end;
}

.uni-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
	padding: 20rpx;
}

.uni-header-title {
	padding: 60rpx;
}

.uni-text {
	height: 88rpx;
	line-height: 88rpx;
}

.uni-input {
	height: 88rpx;
	line-height: 88rpx;
	font-size: 16px;
	color: #333;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 0 10px;
}

.uni-flex {
	display: flex;
	flex-direction: row;
}

.uni-flex-item {
	flex: 1;
}

.uni-row {
	flex-direction: row;
	padding: 20rpx;
}

.uni-column {
	flex-direction: column;
}

.uni-link {
	color: #576B95;
	font-size: 26rpx;
}

.uni-center {
	text-align: center;
}

.uni-inline-item {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.uni-inline-item text {
	margin-right: 20rpx;
}

.uni-inline-item text:last-child {
	margin-right: 0rpx;
	margin-left: 20rpx;
}